const API=require('../../http/api')
// 获取应用实例
const app = getApp()
Page({
  //类似于vue2的data
  data: {
    barTop:0,
    barLeft:0,
    barWidth:0,
    barHeight:0,

    v:0,

    steps: [
      {
        text: '步骤一',
        desc: '描述信息',
      },
      {
        text: '步骤二',
        desc: '描述信息',
      },
      {
        text: '步骤三',
        desc: '描述信息',
      },
      {
        text: '步骤四',
        desc: '描述信息',
      },
    ],
    active:2,
    value:1,
    picArr:[],
    //富文本
    richStr:`<div class="bdleft">
    <div class="prt cf" dt-imp-once="true" dt-eid="em_item_article" dt-params="card_name=体育&amp;article_id=20230919A05H1U00&amp;aritcle_type=0&amp;dt_element_path=['em_item_article','em_content_card']">
  <a href="https://new.qq.com/rain/a/20230919A05H1U00" target="_blank" class="picwrap">
        <img  src="https://inews.gtimg.com/om_ls/Oe1pI_dzvFgy9O9SAb_a-bzXgnWQ_zPOhSlE7hQu1hWU4AA_640330/0" class="pic" alt="4年2.45亿！热火二当家，也值超级顶薪？" style="display: inline;">
      </a>
  <div class="text">
    <a href="https://new.qq.com/rain/a/20230919A05H1U00" target="_blank">
      <p class="tit">4年2.45亿！热火二当家，也值超级顶薪？</p>
    </a>
    <a class="from" href="https://new.qq.com/rain/a/20230919A05H1U00" target="_blank">
      <span class="author">篮球大历史Ball</span>
          </a>
  </div>
</div>
<ul class="txtArea">
            <li dt-imp-once="true" dt-eid="em_item_article" dt-params="card_name=体育&amp;article_id=20230919A05GWU00&amp;aritcle_type=0&amp;dt_element_path=['em_item_article','em_content_card']"><a class="" href="https://new.qq.com/rain/a/20230919A05GWU00" target="_blank">朝阳区小红门球手决战“乒乓之巅”</a></li>
                <li dt-imp-once="true" dt-eid="em_item_article" dt-params="card_name=体育&amp;article_id=20230919A05GNM00&amp;aritcle_type=0&amp;dt_element_path=['em_item_article','em_content_card']"><a class="" href="https://new.qq.com/rain/a/20230919A05GNM00" target="_blank">开启卫冕之旅！曼城官方发布欧冠战红星海报：多库出镜</a></li>
                <li dt-imp-once="true" dt-eid="em_item_article" dt-params="card_name=体育&amp;article_id=20230919A05G3A00&amp;aritcle_type=0&amp;dt_element_path=['em_item_article','em_content_card']"><a class="" href="https://new.qq.com/rain/a/20230919A05G3A00" target="_blank">探杭州亚运会吉祥物“宸宸”诞生地拱宸桥：亚运味文化味浓厚</a></li>
                <li dt-imp-once="true" dt-eid="em_item_article" dt-params="card_name=体育&amp;article_id=20230919A05FXU00&amp;aritcle_type=0&amp;dt_element_path=['em_item_article','em_content_card']"><a class="" href="https://new.qq.com/rain/a/20230919A05FXU00" target="_blank">杭州亚运会 | 火炬传递看“浙”里：衢州</a></li>
                <li dt-imp-once="true" dt-eid="em_item_article" dt-params="card_name=体育&amp;article_id=20230919V05FXM00&amp;aritcle_type=56&amp;dt_element_path=['em_item_article','em_content_card']"><a class="" href="https://new.qq.com/rain/a/20230919V05FXM00" target="_blank">这一记击球难为到中国香港的外野手了 马来西亚击球手完成三次跑动再得3分</a></li>
                <li dt-imp-once="true" dt-eid="em_item_article" dt-params="card_name=体育&amp;article_id=20230919V05FKA00&amp;aritcle_type=56&amp;dt_element_path=['em_item_article','em_content_card']"><a class="" href="https://new.qq.com/rain/a/20230919V05FKA00" target="_blank">广州250赛首轮：袁悦首盘6-3先声夺人 白卓璇同样6-3胜首盘</a></li>
                                                                                            </ul>

  </div>`

  },
  openDialog() {
   // console.log(this.dialog)
    this.dialog.toggleShowHide()
  },
  //监听确定
  confirmEvFn(e){
    console.log('父级接收的dialog:',e)//数据请求

    this.dialog.toggleShowHide()
  },
  //监听取消
  cancelEvFn() {
    this.dialog.toggleShowHide()
  },
  getStep(e) {
    console.log(e.detail)
    this.setData({
      active:e.detail
    })
  },
  onChange(e) {
    console.log(e.detail)
   
  },
  // 事件处理函数
  bindViewTap() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  //页面加载完触发,只触发一次
  onLoad() {
    
    if (wx.getUserProfile) {
      this.setData({
        canIUseGetUserProfile: true
      })
    }
  },
  //进入页面时就会触发，会触发多次
  onShow() {
     const menuBtnInfo=wx.getStorageSync('menuBtnInfo')

     if(menuBtnInfo) {
       this.setData({
         barTop:menuBtnInfo.top,
         barLeft:menuBtnInfo.left,
         barWidth:menuBtnInfo.width,
         barHeight:menuBtnInfo.height
       })
     }


    this.setData({
      v:app.globalData.num
    })
    this.getBannerList()
    //加载秒杀商品
    this.getMiaoShaList()
    //加载爆品商品
    this.getBaoPinList()
    //加载砍价商品
    this.getKanJiaList()
    // this.data.richStr.replace(/\<img/gi, '<img style="width:100vw;height:auto;display:block;"');
    let str=this.data.richStr.replace(/(style=\".*\")/gi,'')

    this.setData({
      richStr:str.replace(/\<img/gi, '<img style="width:100vw;height:auto;display:block;"')
    })
  },
  //爆品推荐
  async getBaoPinList() {
    const res=await API.getGoodsListApi({recommendStatus:1})
    console.log('爆品',res)
  },
  
  //砍价
  async getKanJiaList() {
    const res=await API.getGoodsListApi({kanjia:true})
    console.log('砍价',res)
  },
  //秒杀
  async getMiaoShaList(){
    const res=await API.getGoodsListApi({miaosha:true})
    console.log('秒杀',res)
  },
   //获取轮播图
   async getBannerList() {
    const res=await API.getBannerApi()
    console.log('bannr-res:',res)

    if(res.code===0) {
      this.setData({
        picArr:res.data
      })
    }
  

  },
  //离职当前页面时触发，会触发多次
  onHide() {
    console.log('index-onHide')
  },
  //页面dom加载完成，只执行一次
  onReady() {
    console.log('index-onReady')
    this.dialog=this.selectComponent("#dialog")
  },
  onUnload() {
    console.log('index-onUnload')
  },
  //下拉触顶
  onPullDownRefresh() {
    console.log('上拉刷新')
  },
  //上拉触底
  onReachBottom() {
    console.log('上拉触底')
  },
  //返回顶部方法
  goTop() {
    wx.pageScrollTo({
      scrollTop:0
    })
  },
  //监听页面滚动生命周期
  onPageScroll(e) {
   // console.log('监听滚动：',e)
    if(e.scrollTop>100) {
      this.setData({
        isShow:true
      })
    }else {
      this.setData({
        isShow:false
      })
    }
  },
  getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  },
  getUserInfo(e) {
    // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
    console.log(e)
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  }
})
